<template>
  <div :class='[type == "van_l"?"van_l":"","icon_item"]' v-for="(item, index) in list" :key="index">
            <div class="icon_row">
              <img class="img_box" src="../../public/img/fly.png" alt="" />
              <div class="text_num">
                {{ item.num }}<span class="text_name">{{ item.dw }}</span>
              </div>
            </div>
            <div class="btm_row">{{ item.name }}</div>
          </div>
</template>

<script>
export default {
    props:["list","type"],
    data(){
        return {

        }
    },
    methods:{

    }
}
</script>

<style scoped>
.icon_item {
   
  /* border: 1px solid black; */
  position: relative;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  margin-left: 10px;
  margin-top: 20px;
}
.van_l{
     width: 120px;
  height: 35px;
}
.icon_box {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-bottom: 10px;
}
.icon_row {
  display: flex;
  align-items: center;
}
.img_box {
  width: 30px;
  height: 30px;
}
.text_num {
  font-size: 21px;
  color: rgba(3, 248, 255, 1);
  margin-left: -10px;
}
.text_name {
  font-size: 13px;
  color: rgba(254, 253, 253, 1);
  margin-left: 5px;
  /* position: absolute;
  top: 18px;
  left: 70px; */
}
.btm_row {
  font-size: 10px;
  color: rgba(254, 253, 253, 1);
  /* margin-top: -10px; */
}
</style>